/* common/components/workOrderCard/workOrderCard.wxss */

.work {
    &-order {
        &--default {
            &__card {
                background: #ffffff;
                border-radius: 16rpx 16rpx 16rpx 16rpx;
                padding: 24rpx 32rpx 32rpx 32rpx;
            }
        }
        &__header {
            height: 40rpx;
            display: flex;
            align-items: center;
            &--tag {
                //
            }
            &--time {
                font-size: 24rpx;
                font-weight: 400;
                color: rgba(0, 0, 0, 0.4);
            }
            &--state {
                font-size: 28rpx;
                font-weight: 600;
                color: #d54941;
                line-height: 44rpx;
                text-align: right;
            }
        }
        &__body {
            padding-top: 34rpx;
            &--title {
                font-size: 36rpx;
                font-weight: 600;
                color: rgba(0, 0, 0, 0.9);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: normal;
                word-break: break-all;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                align-content: center;
            }
            &--content,
            &--other {
                border-radius: 12rpx 12rpx 12rpx 12rpx;
                padding: 24rpx 34rpx;
            }
            &--content {
                margin-top: 24rpx;
                background: #f3f3f3;
            }
            &--other {
                margin-top: 16rpx;
                background: #fff1e9;
            }
        }
    }
}
